<template>
  <div class="container">
    <svg class="icon" width="50px" height="50px" viewBox="0 0 1172 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M353.745455 800.581818h446.836363v167.563637H353.745455z" :fill="color" />
      <path d="M800.581818 986.763636H353.745455a18.618182 18.618182 0 0 1-18.618182-18.618181v-167.563637a18.618182 18.618182 0 0 1 18.618182-18.618182h446.836363a18.618182 18.618182 0 0 1 18.618182 18.618182v167.563637a18.618182 18.618182 0 0 1-18.618182 18.618181z m-428.218182-37.236363h409.6v-130.327273H372.363636z" :fill="color" />
      <path d="M539.927273 18.618182m18.618182 0l223.418181 0q18.618182 0 18.618182 18.618182l0 167.563636q0 18.618182-18.618182 18.618182l-223.418181 0q-18.618182 0-18.618182-18.618182l0-167.563636q0-18.618182 18.618182-18.618182Z" :fill="color" />
      <path d="M781.963636 37.236364v167.563636H558.545455V37.236364h223.418181m0-37.236364H558.545455a37.236364 37.236364 0 0 0-37.236364 37.236364v167.563636a37.236364 37.236364 0 0 0 37.236364 37.236364h223.418181a37.236364 37.236364 0 0 0 37.236364-37.236364V37.236364a37.236364 37.236364 0 0 0-37.236364-37.236364z" :fill="color" />
      <path d="M260.654545 837.818182C124.369455 837.818182 18.618182 687.755636 18.618182 558.545455v-148.945455C18.618182 280.389818 124.369455 130.327273 260.654545 130.327273h633.018182a37.236364 37.236364 0 0 1 37.236364 37.236363v633.018182a37.236364 37.236364 0 0 1-37.236364 37.236364z" :fill="color" />
      <path d="M893.672727 148.945455a18.618182 18.618182 0 0 1 18.618182 18.618181v633.018182a18.618182 18.618182 0 0 1-18.618182 18.618182H260.654545C137.216 819.2 37.236364 681.984 37.236364 558.545455v-148.945455C37.236364 286.161455 137.216 148.945455 260.654545 148.945455h633.018182m0-37.236364H260.654545c-69.259636 0-135.540364 34.816-186.181818 97.745454A324.328727 324.328727 0 0 0 0 409.6v148.945455a324.328727 324.328727 0 0 0 74.472727 200.145454C125.114182 821.620364 191.394909 856.436364 260.654545 856.436364h633.018182a55.854545 55.854545 0 0 0 55.854546-55.854546V167.563636a55.854545 55.854545 0 0 0-55.854546-55.854545z" :fill="color" />
      <path d="M930.909091 260.654545h55.854545a18.618182 18.618182 0 0 1 18.618182 18.618182v446.836364a18.618182 18.618182 0 0 1-18.618182 18.618182h-55.854545V260.654545z" :fill="color" />
      <path d="M986.763636 763.345455h-55.854545a18.618182 18.618182 0 0 1-18.618182-18.618182V260.654545a18.618182 18.618182 0 0 1 18.618182-18.618181h55.854545a37.236364 37.236364 0 0 1 37.236364 37.236363v446.836364a37.236364 37.236364 0 0 1-37.236364 37.236364z m-37.236363-37.236364h37.236363V279.272727h-37.236363z" :fill="color" />
      <path d="M1005.381818 465.454545h111.709091a37.236364 37.236364 0 0 1 37.236364 37.236364 37.236364 37.236364 0 0 1-37.236364 37.236364h-111.709091v-74.472728z" :fill="color" />
      <path d="M1117.090909 558.545455h-111.709091a18.618182 18.618182 0 0 1-18.618182-18.618182v-74.472728a18.618182 18.618182 0 0 1 18.618182-18.618181h111.709091a55.854545 55.854545 0 0 1 0 111.709091z m-93.090909-37.236364h93.090909a18.618182 18.618182 0 0 0 0-37.236364h-93.090909z" :fill="color" />
      <path d="M428.218182 279.272727m18.618182 0l297.890909 0q18.618182 0 18.618182 18.618182l0 0q0 18.618182-18.618182 18.618182l-297.890909 0q-18.618182 0-18.618182-18.618182l0 0q0-18.618182 18.618182-18.618182Z" fill="#FFFFFF" />
      <path d="M428.218182 465.454545m18.618182 0l297.890909 0q18.618182 0 18.618182 18.618182l0 0q0 18.618182-18.618182 18.618182l-297.890909 0q-18.618182 0-18.618182-18.618182l0 0q0-18.618182 18.618182-18.618182Z" fill="#FFFFFF" />
      <path d="M428.218182 651.636364m18.618182 0l297.890909 0q18.618182 0 18.618182 18.618181l0 0q0 18.618182-18.618182 18.618182l-297.890909 0q-18.618182 0-18.618182-18.618182l0 0q0-18.618182 18.618182-18.618181Z" fill="#FFFFFF" />
      <path d="M223.418182 930.909091m18.618182 0l670.254545 0q18.618182 0 18.618182 18.618182l0 37.236363q0 18.618182-18.618182 18.618182l-670.254545 0q-18.618182 0-18.618182-18.618182l0-37.236363q0-18.618182 18.618182-18.618182Z" :fill="color" />
      <path d="M912.290909 1024H242.036364a37.236364 37.236364 0 0 1-37.236364-37.236364v-37.236363a37.236364 37.236364 0 0 1 37.236364-37.236364h670.254545a37.236364 37.236364 0 0 1 37.236364 37.236364v37.236363a37.236364 37.236364 0 0 1-37.236364 37.236364z m-670.254545-74.472727v37.236363h670.254545v-37.236363z" :fill="color" />
      <path d="M297.890909 148.945455h-37.236364C137.216 148.945455 37.236364 284.672 37.236364 406.248727v155.648C37.236364 683.473455 137.216 819.2 260.654545 819.2h37.236364z" :fill="color" />
      <path d="M614.4 74.472727m-18.618182 0a18.618182 18.618182 0 1 0 37.236364 0 18.618182 18.618182 0 1 0-37.236364 0Z" :fill="color" />
      <path d="M726.109091 74.472727m-18.618182 0a18.618182 18.618182 0 1 0 37.236364 0 18.618182 18.618182 0 1 0-37.236364 0Z" :fill="color" />
      <path d="M297.890909 148.945455h18.618182v670.254545h-18.618182z" :fill="color" />
    </svg>
    <span class="name">{{ deviceName }}</span>
  </div>

</template>

<script>
export default {
  name: "Electrical-machinery",
  props: {
    color: {
      type: String,
      default: "#A9A9A9", // 默认颜色:深灰色
    },
    deviceName:{
      type: String,
      default: "电机"
    },
  },
}
</script>

<style scoped>
.container{
  width: 50px;
}
.name{
  display: flex;
  justify-content: center;
  font-size: 10px;
}
</style>
